@charset "utf-8";

ul,li{ margin:0; padding:0;}
img{ border:0;}
body{ color:#012f26;margin:0; padding:0; font-family:"微软雅黑"; font-size:14px;}
img{border:0;}
a{ color:#012f26; text-decoration:none;}
a:hover{ color:#012f26;text-decoration:none;}

/**header**/
#header{ width:100%; height:auto; overflow:hidden;}
#header .top{ width:100%; height:40px; background:#187462;}
#header .top .box{ width:1080px; margin:0 auto; padding-top:4px; position:relative;}
#header .top .box .logo{ width:214px; height:199px;  position:absolute; top:0; left:0; z-index:1010;}
#header .top .box ul{ float:right; list-style:none; height:32px; background:#035948; padding:0 20px;}
#header .top .box ul li{ float:left; color:#FFF; height:32px; line-height:32px;}
#header .top .box ul li a{ font-size:14px; color:#FFF; text-decoration:none;}
#header .top .box ul li a:hover{ font-size:14px; color:#ffff00; text-decoration:none;}
#header .nav{ width:1080px; margin:0 auto; height:115px;}
#header .nav ul{ padding-left:214px; list-style:none; float:right;}
#header .nav ul li{ float:left; width:105px; text-align:center; border-right:1px solid #e8e8e8;}
#header .nav ul li a{color: #012f26; font-size: 16px; height: 90px; width: 105px; display: block; padding-top: 25px;}
#header .nav ul li a span{font-size: 12px;color: #bfbfbf;display: block; line-height: 35px;}
#header .nav ul li a:hover{color: #fff; font-size: 16px; height: 90px; width: 105px; display: block; padding-top: 25px; background:#ebe41d;}
#header .nav ul li a:hover span{font-size: 12px;color: #fff;display: block; line-height: 35px;}

#header .banner{ width:100%; height:auto; overflow:hidden; position:relative;}
#header .z-banner{width:100%;; height:294px; background:url(../images/zy_01.png) center no-repeat #232323;}




/**main**/
#main{height:auto;}
#main .box{width:100%; height:90px; background:none repeat scroll 0% 0% #ebe41d; position:relative;}
#main .box .bgw{ width:50%; height:90px; background:none repeat scroll 0% 0% #FFF; position:absolute;}
#main .box .border{ width:1080px; margin:0 auto; height:90px; position:relative; z-index:99;}

#main .box .border .left{ width:220px; float:left; padding-left:60px; height:70px;  background: #fff url(../images/index_01.png) left no-repeat; padding-top:20px; color:#187462; }
#main .box .border .left span{display: block;font-size: 26px;line-height: 44px;}	
#main .box .border .right{ width:740px; float:left; padding: 0 30px; height:70px; background:#ebe41d; line-height:2em; padding-top:20px;}
#main .box .border .right h1{ font-size:14px; display:inline-block; margin:0; padding:0;}
#main .box .border .right span{ color:#177462;}


#main .box1{width:100%; height:auto; overflow:hidden; background:#187462;}
#main .box1 .title{text-align:center; color:#FFF; font-size:24px; padding-top:30px; padding-bottom:19px;}
#main .box1 .ge{ width:500px; margin:0 auto; clear:right;}
#main .box1 .ge .lv{ width:200px; float:left; height:10px; border-bottom:1px #4ee4ec solid;}
#main .box1 .ge .en{ width:100px; float:left; text-align:center; color:#4ee4ec;}
#main .box1 .border{ width:1080px; margin:0 auto; height:auto; overflow:hidden; }
#main .box1 .border .pic{ width: 272px;height: 232px;border: 4px solid #EBE41D;float: left; margin-top:52px;}
#main .box1 .border .content{ width:740px; float:left; color:#FFF;  line-height:2em; margin-top:30px; padding:0 20px;}
#main .box1 .more{ width:150px; height:45px; background:#FFF; margin:0 auto; margin-bottom:40px; text-align:center; line-height:45px; }
#main .box1 .more a{ font-size:18px; color:#023c31; font-weight:bold;}
#main .box1 .more a:hover{ font-size:18px; color:#187462; font-weight:bold;}




#main .box2{width:100%; height:auto; overflow:hidden;}
#main .box2 .title{text-align:center; color:#187462; font-size:24px; padding-top:30px; padding-bottom:19px;}
#main .box2 .ge{ width:500px; margin:0 auto; clear:right;}
#main .box2 .ge .lv{ width:200px; float:left; height:10px; border-bottom:1px #4ee4ec solid;}
#main .box2 .ge .en{ width:100px; float:left; text-align:center; color:#4ee4ec;}
#main .box2 .sort{width:1080px; margin:0 auto; height:auto; overflow:hidden;}
#main .box2 .sort ul{height:auto; overflow:hidden; margin:0 auto; display:inline-block;  list-style:none; margin-top:20px;}
#main .box2 .sort ul li{  border:1px #187462 solid; background:#187462; text-align:center; padding:5px 20px; float:left; margin:10px 40px;}
#main .box2 .sort ul li a{ color:#FFF;}
#main .box2 .sort ul li:hover{  border:1px #187462 solid; background:#fff; text-align:center; padding:5px 20px; float:left; margin:10px 40px;}
#main .box2 .sort ul li:hover a{ color:#012f26;}


#main .box2 .border{ width:1080px; margin:0 auto; height:auto; overflow:hidden;}


#main .box2 .border ul{ display:block; height:auto; overflow:hidden; margin-top:20px; margin-bottom:50px;}
#main .box2 .border ul li{ display:block; float:left; height:195px; text-align:center; width:260px; padding-right:13px;  margin-top:10px; position:relative; }
#main .box2 .border ul .tr{ display:block; float:left; height:195px; text-align:center; width:260px; padding-right:0px;    margin-top:10px; position:relative;}
#main .box2 .border ul li .p{ display:block;position: absolute; bottom:0px; width: 260px; height: 40px; line-height: 40px; 
text-align: center; overflow: hidden; transition: all 0.3s ease 0s; background: none repeat scroll 0px 0px rgba(24, 116, 98, 0.6); padding:0; margin:0; font-size:14px;}
#main .box2 .border ul li .p a{ color:#FFF;}
#main .box2 .border ul li .p a:hover{ color:#8be909;}



#main .box3{width:100%; height:auto; overflow:hidden; background:#187462;}
#main .box3 .title{text-align:center; color:#FFF; font-size:24px; padding-top:30px; padding-bottom:19px;}
#main .box3 .ge{ width:500px; margin:0 auto; clear:right;}
#main .box3 .ge .lv{ width:200px; float:left; height:10px; border-bottom:1px #4ee4ec solid;}
#main .box3 .ge .en{ width:100px; float:left; text-align:center; color:#4ee4ec;}
#main .box3 .border{ width:1080px; margin:0 auto; height:auto; overflow:hidden;}
#main .box3 .border ul{ display:block; height:auto; overflow:hidden; margin-top:20px; margin-bottom:50px;}
#main .box3 .border ul li{ display:block; float:left;  text-align:center; width:260px; margin-right:13px;  margin-top:10px; position:relative; }
#main .box3 .border ul .tr{ display:block; float:left;  text-align:center; width:260px; margin-right:0px;    margin-top:10px; position:relative;}
#main .box3 .border ul li img{padding: 4px; border: 1px solid #C9C9C9; background: none repeat scroll 0% 0% #FFF;}

#main .box3 .border ul li  a p{ color:#FFF; font-size:16px;}
#main .box3 .border ul li  a:hover p{ color:#8be909; font-size:16px;}

#main .box3 .more{ width:150px; height:45px; background:#FFF; margin:0 auto; margin-bottom:40px; text-align:center; line-height:45px; }
#main .box3 .more a{ font-size:18px; color:#023c31; font-weight:bold;}
#main .box3 .more a:hover{ font-size:18px; color:#187462; font-weight:bold;}




#main .box4{width:100%; height:auto; overflow:hidden; }
#main .box4 .title{text-align:center; color:#187462; font-size:24px; padding-top:30px; padding-bottom:19px;}
#main .box4 .ge{ width:500px; margin:0 auto; clear:right;}
#main .box4 .ge .lv{ width:200px; float:left; height:10px; border-bottom:1px #4ee4ec solid;}
#main .box4 .ge .en{ width:100px; float:left; text-align:center; color:#4ee4ec;}
#main .box4 .border{ width:1024px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px; margin-bottom:30px;}
#main .box4 .border ul{ display:block; height:auto; overflow:hidden;}
#main .box4 .border ul li{ display:block; width:487px; float:left; height:50px; line-height:50px; margin-right:50px; background:url(../images/index_10.png) left center no-repeat; border-bottom:1px #e1e1e1 solid;}
#main .box4 .border ul .tr{ display:block; width:487px; float:left; height:50px; line-height:50px; margin-right:0; background:url(../images/index_10.png) left center no-repeat; border-bottom:1px #e1e1e1 solid;}
#main .box4 .border ul li span{ float:right;}
#main .box4 .clear{ height:100px;}
#main .box4 .one{ width:1004px;margin:0 auto; height:auto; overflow:hidden;}
#main .box4 .one .title{ font-size:34px; color:#FFF; text-align:center; height:auto; overflow:hidden;  padding-bottom:25px;}
#main .box4 .one .content{ width:1004px; margin:0 auto; height:auto; overflow:hidden;}

#main .box4 .more{ width:150px; height:45px; background:#187462; margin:0 auto; margin-bottom:40px; text-align:center; line-height:45px; }
#main .box4 .more a{ font-size:18px; color:#FFF; font-weight:bold;}
#main .box4 .more a:hover{ font-size:18px; color:#ebe41d; font-weight:bold;}




#main .box5{width:100%; height:90px; background:none repeat scroll 0% 0% #035948; position:relative;}
#main .box5 .bgw{ width:50%; height:90px; background:none repeat scroll 0% 0% #ebe41d; position:absolute;}
#main .box5 .border{ width:1080px; margin:0 auto; height:90px; position:relative; z-index:99;}

#main .box5 .border .left{ width:220px; float:left; padding-left:25px; height:70px; background:#ebe41d; padding-top:20px; color:##00483A; font-size:18px; line-height:50px; }
#main .box5 .border .left span{ font-size:14px; padding-left:10px;}	
#main .box5 .border .right{ width:740px; float:left; padding: 0 30px; height:70px; background:#035948; line-height:2em; padding-top:20px; }
#main .box5 .border .right a{color:#9EFFEC;}
#main .box5 .border .right a:hover{color:#ebe41d;}
#main .box5 .border .right span{ color:#177462;}




/**zy*/
#zy{ width:100%; height:auto; overflow:hidden;}

#zy .box1{ width:1004px; margin:0 auto; height:70px; line-height:70px; }
#zy .box1 span{color:#187462;}
#zy .box1 a{ color:#000; text-decoration:none;}
#zy .box1 a:hover{ color:#3d7d1b; text-decoration:none;}

#zy .box2{ width:1004px; margin:0 auto; height:auto; overflow:hidden; padding-bottom:20px;}
#zy .box2 .left{ width:239px; float:left; padding-right:20px; height:auto; overflow:hidden; }

#zy .box2 .left .title{ height:35px; background:#187462; text-align:center; color:#FFF; font-size:18px; line-height:35px;}
#zy .box2 .left .clear{ height:20px;}
#zy .box2 .left .box{ height:auto; overflow:hidden; background:#fafafa; padding-bottom:40px;}
#zy .box2 .left .box ul{ display:block; width:200px; margin:0 auto; height:auto; overflow:hidden;}
#zy .box2 .left .box ul li{ display:block; height:39px; line-height:39px; text-align:center; border-bottom:1px #ededed solid;}
#zy .box2 .left .box ul li a{ color:#000;text-decoration:none;}
#zy .box2 .left .box ul li .a1{color:#3e7e1c; text-decoration:none;}
#zy .box2 .left .box ul li a:hover{ color:#3e7e1c; text-decoration:none;}
#zy .box2 .content{ line-height:2em; padding:0 10px;background:#fafafa;}
#zy .box2 .right{width:745px; float:left; height:auto; overflow:hidden;}
#zy .box2 .right .title{height:35px; background:#efefef; color:#187462; font-size:18px; line-height:35px;}
#zy .box2 .right .clear{ height:20px;}

#zy .box2 .right ul{ display:block; height:auto; overflow:hidden;}
#zy .box2 .right ul li{ display:block; height:40px; line-height:40px; border-bottom:1px #CCCCCC dashed;}
#zy .box2 .right ul li a{color:#000; text-decoration:none;}
#zy .box2 .right ul li a:hover{color:#3e7e1c; text-decoration:none;}
#zy .box2 .right ul li span{ float:right;}

#zy .box2 .right .page{ width:745px; height:80px; line-height:80px; text-align:center;}
#zy .box2 .right .page .current{ color:#FC0; font-weight:bold; margin:0 10px;}
#zy .box2 .right .page a{ margin:0 10px;}

#zy .box2 .right .content{ line-height:2em; background:none;}

#zy .box2 .right .next{height:auto; overflow:hidden; margin:15px; background:#f6fbf7;}
#zy .box2 .right .next .up{ width:50%; float:left;}
#zy .box2 .right .next .down{ width:50%; float:left; text-align:right;}

#zy .box2 .right .product{ width:744px; margin:0 auto; height:auto; overflow:hidden;}
#zy .box2 .right .product ul{display:block; height:auto; overflow:hidden;}
#zy .box2 .right .product ul li{display:block; float:left; width:228px; padding-top:30px; padding-left:10px; padding-right:10px; height:auto; overflow:hidden;}
#zy .box2 .right .product ul li p{text-align:center; display:block; margin-top:-1px;}

#zy .box2 .right .pic{ text-align:center;}
#zy .box2 .right .pic p{text-align:center;}
/**footer**/
#footer{ width:100%; height:auto; overflow:hidden; background: #00483A ;}

#footer .content{ width:1004px;  margin:0 auto; padding: 30px 0; height:auto; overflow:hidden; text-align:center; color:#9EFFEC; line-height:2em; padding-top:30px;}
#footer .content a{color:#9EFFEC;}